$(function(){
    /* Hide form input values on focus*/ 
    $('input.textMakeFocus').each(function(){
        var txtval = $(this).val();
        $(this).focus(function(){
            if($(this).val() == txtval){
                $(this).val('');
            }
        });
        $(this).blur(function(){
            if($(this).val() == ""){
                $(this).val(txtval);
            }
        });
    });
    
    /* Process for password fields */ 
    $('input.passwdMakeFocus').each(function(){
        var curSelector = '#' + $(this).attr('id');
        var refSelector = '#' + $(this).attr('ref');
        
        $(this).focus(function(){
            $(this).hide();
            $(refSelector).val('').show().focus();
        });
        
        $(refSelector).blur(function() {
            if($(this).val() == "") {
                $(this).hide();
                $(curSelector).show();
            }
        });
    });
    
    //When hover product
    $('.productWrapper').hover(
        function () {
            otherChild = $(this).find('h3');
            $(this).animate({ backgroundColor: '#000', color: '#fff' }, 'slow');
            otherChild.animate({ color: '#fff' }, 'slow');
        },
        function () {
            otherChild = $(this).find('h3');
            $(this).animate({ backgroundColor: '#fff', color: '#58595b' }, 'fast');
            otherChild.animate({ color: '#58595b' }, 'fast');
        }
    );
        
    //----------- Menu -----------
    $('#menu a').hover(
        function () {
            ulWidth = $(this).width() + 30;
            childMenu = $(this).next('.haveSub');
            
            $(this).addClass('current');
            if (childMenu.length) {
                childMenu.parent('li').addClass('active');
                childMenu.css('width', ulWidth).slideDown('slow');
            }
        },
        function(){
//            $(this).next('.haveSub').hover(
//                function(){ },
//                function(){
//                    $(this).prev('a').removeClass('current')
//                    $(this).fadeOut();
//                }
//            );

            $(this).parent('li').mouseleave(function(){
                $(this).find('.haveSub').fadeOut();
                $(this).find('a.current').removeClass('current');
            });
        }
    );
    //----------- //Menu -----------
});